/**
 * des
 * author  y/m/d
 * @flow
 */
import React, { PureComponent } from 'react';
import {
    View,
    Text,
    StyleSheet,
} from 'react-native';

class ScrowBarItem extends PureComponent {
    timers = [];
    constructor(props){
        super(props);
        this.state = {
            
        };
    }
    componentDidMount() {
        //do something req...
    }
    componentWillUnmount(){
        //do something about clear...
        for(let i = 0;i < this.timers.length;i++){
            console.log('clearTimeout id:' + this.timers[i]);
            clearTimeout(this.timers[i]);
        }
    }
    render(){
        return(
            <View style={styles.container}>
                <Text> Hello ScrowBarItem! </Text>

            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        alignItems:'center',
        justifyContent:'center'
    },
});

export default ScrowBarItem;